<template>
    <div>
        <el-button class="back-button" @click="goBack">
            <el-icon><ArrowLeft /></el-icon>
            返回
        </el-button>
    </div>
</template>

<script setup>
import { ArrowLeft } from '@element-plus/icons-vue';
import { useRouter } from 'vue-router';

const router = useRouter();

const goBack = () => {
    router.push('/main');
};
</script>

<style scoped>
.back-button {
    margin: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}
</style>